<?php include "../../../wp-load.php"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Footfall Calculator</title>

<script type="text/javascript" src="js/calculator.js"></script>
<link rel="stylesheet" href="css/calc.css" />
</head>

<body>
	<div id="outer">
    <div id="bgTop"></div>
    <div id="bgMid">
      <div id="bgMain">
        <img src="img/logo.gif" width="138" height="50" alt="Experian" />
        <div id="innerTop">
          <div id="heading">
            <a href="javascript:void(0)" id="close" class="yellowButton"><?php _e( 'Close','ff-growth-calculator'); ?></a>
            <img src="img/calc.png" width="139" height="131" alt="<?php _e( 'Calculator','ff-growth-calculator'); ?>" />
            <h1><?php _e( 'Step 1: Using performance data to grow sales','ff-growth-calculator'); ?></h1>
            <h2><?php _e( 'Enter your statistics, or your nearest guestimate','ff-growth-calculator'); ?></h2>
          </div>
          <div class="fldset">
          	<p class="field">
            	<label for="x9f"><?php _e( 'Average Transaction Value (ATV)','ff-growth-calculator'); ?></label>
              <input type="text" id="x9f" value="50" maxlength="6" />
              <a href="javascript:void(0)" class="tooltip" title="<?php _e( 'Please enter the average value of your transactions','ff-growth-calculator'); ?>"><img src="img/tooltip.gif" width="18" height="18" alt="<?php _e( '?','ff-growth-calculator'); ?>" /></a>
            </p><!-- /field -->
          	<p class="field fieldright">
            	<label for="x10f"><?php _e( 'Footfall per Week per Store','ff-growth-calculator'); ?></label>
              <input type="text" id="x10f" value="1000"  maxlength="6" />
              <a href="javascript:void(0)" class="tooltip" title="<?php _e( 'Please enter the weekly Footfall for each store','ff-growth-calculator'); ?>"><img src="img/tooltip.gif" width="18" height="18" alt="<?php _e( '?','ff-growth-calculator'); ?>" /></a>
          	</p><!-- /field -->
          </div><!-- /fldset -->
          <div class="fldset">
          	<p class="field">
            	<label for="x11f"><?php _e( 'Current Conversion Rate (%)','ff-growth-calculator'); ?></label>
              <input type="text" id="x11f" value="20" maxlength="3" />
              <a href="javascript:void(0)" class="tooltip" title="<?php _e( 'Please enter the current percentage of conversion (1-100)','ff-growth-calculator'); ?>"><img src="img/tooltip.gif" width="18" height="18" alt="<?php _e( '?','ff-growth-calculator'); ?>" /></a>
            </p><!-- /field -->
          	<p class="field fieldright">
            	<label for="x15f"><?php _e( 'Number of Stores','ff-growth-calculator'); ?></label>
              <input type="text" id="x15f" value="20" maxlength="6" />
              <a href="javascript:void(0)" class="tooltip" title="<?php _e( 'Please enter the number of stores','ff-growth-calculator'); ?>"><img src="img/tooltip.gif" width="18" height="18" alt="<?php _e( '?','ff-growth-calculator'); ?>" /></a>
          	</p><!-- /field -->
          </div><!-- /fldset -->
          <p id="submitField">
          	<span id="BxC"><?php _e( 'Checkpoint: based on your entries, your average transactions per store per week are','ff-growth-calculator'); ?> <strong>200</strong></span>
            <a href="javascript:void(0)" class="yellowButton"><?php _e( 'Click and go to step 2','ff-growth-calculator'); ?><img src="img/blueArrowOnWhitecircle.png" class="blueArrowOnWhite" height="19" width="19" alt="<?php _e( 'Arrow','ff-growth-calculator'); ?>" /></a>
          </p>
        </div><!-- /innerTop -->
        <div id="innerBot">
        	<div id="ibArrow"><img src="img/innerbotarrow.png" width="31" height="21" alt="" /></div>
          <div id="ibLeft">
          	<div id="iblHead">
            	<h2><?php _e( 'Step 2: Make a minor change to see a huge return','ff-growth-calculator'); ?></h2>
              <h3><?php _e( 'Drag to change','ff-growth-calculator'); ?></h3>
            </div><!-- /ibHead -->
            <div class="slideField">
              <label for="dlSlider1"><?php _e( 'Improved Conversion Rate (%)','ff-growth-calculator'); ?> <span><?php _e( '(Change by percentage point)','ff-growth-calculator'); ?></span></label>
              <div class="sliderBarEmpty">
                <div class="sliderBarFull"></div>
                <div id="dlSlider1" class="dlSlider">
                  <a href="javascript:void(0)" class="bar handle" role="slider" aria-labelledby="sliderLabel" aria-valuemin="0" aria-valuemax="1" aria-valuenow="5" aria-valuetext="0"><span>1.0%</span></a>
                </div>
              </div><!-- /#sliderBarEmpty -->
              <div class="clearBoth"></div>
            </div><!-- /slideField -->
            <div class="slideField">
              <label for="dlSlider2"><?php _e( 'Improved Footfall by (%)','ff-growth-calculator'); ?> <span><?php _e( '(Change by percentage point)','ff-growth-calculator'); ?></span></label>
              <div class="sliderBarEmpty">
                <div class="sliderBarFull"></div>
                <div id="dlSlider2" class="dlSlider">
                  <a href="javascript:void(0)" class="bar handle" role="slider" aria-labelledby="sliderLabel" aria-valuemin="0" aria-valuemax="1" aria-valuenow="5" aria-valuetext="0"><span>1.0%</span></a>
                </div>
              </div><!-- /#sliderBarEmpty -->
              <div class="clearBoth"></div>
            </div><!-- /slideField -->
            <div class="slideField">
              <label for="dlSlider3"><?php _e( 'Improve ATV by (%)','ff-growth-calculator'); ?> <span><?php _e( '(Change by percentage point)','ff-growth-calculator'); ?></span></label>
              <div class="sliderBarEmpty">
                <div class="sliderBarFull"></div>
                <div id="dlSlider3" class="dlSlider">
                  <a href="javascript:void(0)" class="bar handle" role="slider" aria-labelledby="sliderLabel" aria-valuemin="0" aria-valuemax="1" aria-valuenow="5" aria-valuetext="0"><span>1.0%</span></a>
                </div>
              </div><!-- /#sliderBarEmpty -->
              <div class="clearBoth"></div>
            </div><!-- /slideField -->
          </div><!-- /ibLeft -->
          <div id="ibRight">
          	<div id="ibrHead">
            	<h2><?php _e( 'Step 3: See results','ff-growth-calculator'); ?></h2>
              <h3><?php _e( 'Incremental revenue growth','ff-growth-calculator'); ?></h3>
            </div><!-- /ibrHead -->
            <div id="ibrHead2">
            	<p class="row1">
                <span class="col1"><strong>&nbsp;</strong></span>
                <span><strong><?php _e( 'Per Store','ff-growth-calculator'); ?></strong></span>
                <span><strong><?php _e( 'Total','ff-growth-calculator'); ?></strong></span>
              </p>
              <p>
                <span class="col1"><strong><em><?php _e( 'Weekly Revenue Increase','ff-growth-calculator'); ?></em></strong></span>
                <span><strong id="x24f">0</strong></span>
                <span><strong id="x24h">0</strong></span>
              </p>
              <p>
                <span class="col1"><strong><em><?php _e( 'Annual Revenue Increase','ff-growth-calculator'); ?></em></strong></span>
                <span><strong id="x26f">0</strong></span>
                <span><strong id="x26h">0</strong></span>
              </p>
            </div><!-- /ibrHead2 -->
            <p id="ibrHead3">
            	<strong><?php _e( '% Revenue Growth','ff-growth-calculator'); ?></strong>
              <img src="img/up.gif" width="36" height="36" alt="Up" />
              <span id="x28h">0%</span>
            </p>
          </div><!-- /ibRight -->
        </div><!-- /innerBot -->
        <p id="footer"><?php _e( 'This calculator demonstrates how by focusing on marginal improvements in performance, you can achieve formidable revenue uplift. But with Site Analytics from Experian FootFall, visitor counting is just the start. Imagine being able to extend this analysis to include personnel or energy costs for a store and ranking sites by type, size and geography to gain further insights. By acting on this valuable performance information you can transform revenue, profits and average transaction values!','ff-growth-calculator'); ?></p>
      	<p id="footer2">
			<?php $options = get_option( 'growth_calculator_opt' );
			$theLink = $options['theLink'];
			$theWindow = $options['newWindow'];
			$theEmail = $options['emailAddress'];
			$thePhone = $options['thePhone'];
			?>
        	<a href="<?php echo $theLink ?>" id="cta" <?php if($theWindow == 1){?>target="blank" title="<?php _e('Opens in a new browser window','ff-growth-calculator');?>" <?php } ?> class="yellowButton"><?php _e( 'Get in touch to calculate your performance potential more accurately','ff-growth-calculator'); ?><img src="img/blueArrowOnWhiteCircle.png" class="blueArrowOnWhite" height="19" width="19" alt="<?php _e( 'Arrow','ff-growth-calculator'); ?>" /></a> 
        	<span><?php _e( 'For a free consultation','ff-growth-calculator'); ?>, <?php echo $thePhone ?><br /><?php _e( 'email','ff-growth-calculator'); ?>: <a href="mailto:<?php echo $theEmail ?>?subject=Calculate growth"><?php echo $theEmail ?></a></span>
        </p>
      </div><!-- /bgMain -->
    </div><!-- /bgMid -->
    <div id="bgBot"></div>
  </div><!-- /outer -->
           
    <!-- http://www.footfall.com/calculator-sign-up-form/ -->   
</body>
</html>
